<extend name="Public/layout"/>

<block name="body">


<div id="full-screen-slider ">
	<ul id="slides">
		<li style="background:url('__IMG__/banner1.jpg') no-repeat center top"><a href="#" ></a></li>
		<li style="background:url('__IMG__/banner2.jpg') no-repeat center top"><a href="#" ></a></li>
	</ul>
</div>
<div class="">
<div class="about_bg">
	<div class="container1200">
		<div class="title aos-init aos-animate" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-delay="50" >
			<h3>关于我们</h3>
			<span>金融、跨境电商、产品进出口、乡村旅游、养生度假、仓储物流、高科技术研发推广</span>
		</div>
		<div class="about_con aos-init aos-animate" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-delay="100">
			中农绿地集团是为深入贯彻习近平总书记系列重要讲话精神和治国理政新理念新思想新战略，按照党中央、国务院扶贫攻坚部署，以革命老区、民族地区、边疆地区和集中连片特困地区为重点，大力推进实施一批脱贫攻坚工程，着力构建生态农业与二、三产业交叉融合的现代新型生态农业产业体系”的宏观背景下于2017年初组建。下属子公司分布在国内十几个地区，涉及金融、跨境电商、产品进出口、乡村旅游、养生度假、仓储物流、高科技术研发推广等行业。
		</div>
		<div class="about_nav">
			<ul>
				<li  class=" aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="110">
					<div class="about_list1"><a href="#"></a></div>
					<span class="about_li_title"><a href="#" >集团简介</a></span>
				</li>
				<li  class=" aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="120">
					<div class="about_list2"><a href="#"></a></div> 
					<span class="about_li_title"><a href="#" >集团使命</a></span>
				</li>
				<li  class=" aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="130">
					<div class="about_list3"><a href="#"></a></div>
					<span class="about_li_title"><a href="#" >发展战略</a></span>
				</li>
				<li  class=" aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="140">
					<div class="about_list4"><a href="#"></a></div>
					<span class="about_li_title"><a href="#" >荣誉资质</a></span>
				</li>
				<li  class=" aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="150">
					<div class="about_list5"><a href="#"></a></div>
					<span class="about_li_title"><a href="#" >集团文化</a></span>
				</li>
			</ul>
		</div>
	</div>
</div>
</div>
    <!-- header -->
<div >
<div class="container1200" style="width:1306px; margin-bottom:50px;">
<div class="title aos-init aos-animate" data-aos="fade-up" data-aos-delay="50" data-aos-anchor-placement="top-bottom">
			<h3>产品展示</h3>
			<span>金融、跨境电商、产品进出口、乡村旅游、养生度假、仓储物流、高科技术研发推广</span>
		</div>
<div class="favor-header-bar aos-init aos-animate" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
        <ul class="tabs tabs1" style=" text-align: center; margin-left:500px;">
            <li class="default"><a href="javascript:void(0);" id="btn1" hidefocus="true">产品展示</a>
            <span class="sx"> </span></li>
            <li><a href="javascript:void(0);" id="btn2" hidefocus="true">项目展示</a></li>
        </ul>
</div>
   <!-- slideTo tab -->
<div class="swiper-container swiper-container1 favor-list">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="" class="aos-init aos-animate"  data-aos="zoom-in" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
                    <dl>
                        <dt >
                            <img src="__IMG__/index_23.jpg" class="an_img">
                        </dt>
                        <dd>产品名称</dd>
                    </dl>                    
                </a>
                <a href="" class="aos-init aos-animate"  data-aos="zoom-in" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
                    <dl>
                        <dt>
                            <img src="__IMG__/index_23.jpg" class="an_img"> 
                        </dt>
                        <dd>产品名称</dd>
                    </dl>                    
                </a>
                <a href="" class="aos-init aos-animate"  data-aos="zoom-in" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
                    <dl>
                        <dt>
                            <img src="__IMG__/index_23.jpg" class="an_img">
                        </dt>
                        <dd>产品名称</dd>
                    </dl>                    
                </a>
                <a href="" class="aos-init aos-animate"  data-aos="zoom-in" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
                    <dl>
                        <dt>
                            <img src="__IMG__/index_23.jpg" class="an_img">
                        </dt>
                        <dd>产品名称 </dd>
                    </dl>                    
                </a>
                <a href="" class="aos-init aos-animate"  data-aos="zoom-in" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
                    <dl>
                        <dt>
                            <img src="__IMG__/index_23.jpg" class="an_img">
                        </dt>
                        <dd>产品名称9</dd>
                    </dl>                    
                </a>
            </div>
            <div class="swiper-slide">
                <a href="" class="aos-init aos-animate"  data-aos="zoom-in" data-aos-anchor-placement="top-bottom" data-aos-delay="100">
                    <dl>
                        <dt class="an_img">
                            <img src="__IMG__/index_23.jpg" class="an_img">
                        </dt>
                        <dd> 产品名称 </dd>
                    </dl>                    
                </a>
                <a href="" class="aos-init aos-animate"  data-aos="zoom-in" data-aos-anchor-placement="top-bottom" data-aos-delay="100">
                    <dl>
                        <dt>
                            <img src="__IMG__/index_23.jpg" class="an_img">
                        </dt>
                        <dd>产品名称</dd>
                    </dl>                    
                </a>
                <a href="" class="aos-init aos-animate"  data-aos="zoom-in" data-aos-anchor-placement="top-bottom" data-aos-delay="100">
                    <dl>
                        <dt>
                            <img src="__IMG__/index_23.jpg" class="an_img">
                        </dt>
                        <dd>产品名称</dd>
                    </dl>                    
                </a>
                <a href="" class="aos-init aos-animate"  data-aos="zoom-in" data-aos-anchor-placement="top-bottom" data-aos-delay="100">
                    <dl>
                        <dt>
                            <img src="__IMG__/index_23.jpg" class="an_img">
                        </dt>
                        <dd>产品名称</dd>
                    </dl>                    
                </a>
                <a href="" class="aos-init aos-animate"  data-aos="zoom-in" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
                    <dl>
                        <dt>
                            <img src="__IMG__/index_23.jpg" class="an_img">
                        </dt>
                        <dd>产品名称</dd>
                    </dl>                    
                </a>
            </div>
        </div>
</div>
 </div>
 </div>
 <div class="about_bg">
<div class="container1200">
			<div class="title aos-init aos-animate" data-aos="fade-up" data-aos-delay="50" data-aos-anchor-placement="top-bottom">
			<h3>新闻中心</h3>
			<span>金融、跨境电商、产品进出口、乡村旅游、养生度假、仓储物流、高科技术研发推广</span>
		</div>
<div class="favor-header-bar aos-init aos-animate" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
        <ul class="tabs tabs1" style=" text-align: center; margin-left:500px;">
            <li class="default"><a href="javascript:void(0);" id="btn1" hidefocus="true">公司新闻</a>
            <span class="sx"> </span></li>
            <li><a href="javascript:void(0);" id="btn2" hidefocus="true">行业新闻</a></li>
        </ul>
</div>
   <!-- slideTo tab -->
<div class="" style="margin-top:30px;">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <div class="news_tj  aos-init aos-animate" data-aos="fade-right" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
                	<a href="#"><img src="__IMG__/index_38.jpg" class="an_img1"></a>
                	<div class="news_tj_flot">
                	<h4>关于成立中农绿地(珲春）野山参股份公司的通知</h4>
                	<p>为了实施集团产业扶贫战略规划，根据集团董事会第568号决议...</p>
                </div>
             </div>
             <div class="news_list aos-init aos-animate" data-aos="fade-left" data-aos-anchor-placement="top-bottom" data-aos-delay="50">
             	<div class="news_list_top">
             	<div class="news_list_top_l"><img src="__IMG__/index_03.jpg"></div>
             	<div class="news_list_top_r">
             		<h4><a href="#"> 国家野山参标准化示范区</a></h4>
             		<span>2017-06-26</span>
             		<p><a href="#"> 5月23日集团领导赴申报有机土特农产业种植和乡村旅游养生度假基地的桦甸...</a></p>
             		</div>
             	</div>
             	<ul class="list">
             		<Li><span class="rf" style="line-height:35px;color:#999999" >2017-06-25</span><a href="#">5月23日集团领导赴申报有机土特农产业种植和</a></Li>
             		<Li><span class="rf" style="line-height:35px;color:#999999" >2017-06-25</span><a href="#">5月23日集团领导赴申报有机土特农产业种植和</a></Li>
             		<Li><span class="rf" style="line-height:35px;color:#999999" >2017-06-25</span><a href="#">5月23日集团领导赴申报有机土特农产业种植和</a></Li>
             		<Li><span class="rf" style="line-height:35px;color:#999999" >2017-06-25</span><a href="#">5月23日集团领导赴申报有机土特农产业种植和</a></Li>
             	</ul>
             	</div>
             </div>
             <div class="swiper-slide">
                <div class="news_tj">
                	<a href="#"><img src="__IMG__/index_38.jpg"></a>
                	<div class="news_tj_flot">
                	<h4>2关于成立中农绿地(珲春）野山参股份公司的通知</h4>
                	<p>2为了实施集团产业扶贫战略规划，根据集团董事会第568号决议...</p>
                </div>
             </div>
             <div class="news_list">
             	<div class="news_list_top">
             	<div class="news_list_top_l"><img src="__IMG__/index_03.jpg"></div>
             	<div class="news_list_top_r">
             		<h4><a href="#"> 国家野山参标准化示范区</a></h4>
             		<span>2017-06-26</span>
             		<p><a href="#"> 5月23日集团领导赴申报有机土特农产业种植和乡村旅游养生度假基地的桦甸...</a></p>
             		</div>
             	</div>
             	<ul class="list">
             		<Li><span class="rf" style="line-height:35px;color:#999999" >2017-06-25</span><a href="#">5月23日集团领导赴申报有机土特农产业种植和</a></Li>
             		<Li><span class="rf" style="line-height:35px;color:#999999" >2017-06-25</span><a href="#">5月23日集团领导赴申报有机土特农产业种植和</a></Li>
             		<Li><span class="rf" style="line-height:35px;color:#999999" >2017-06-25</span><a href="#">5月23日集团领导赴申报有机土特农产业种植和</a></Li>
             		<Li><span class="rf" style="line-height:35px;color:#999999" >2017-06-25</span><a href="#">5月23日集团领导赴申报有机土特农产业种植和</a></Li>
             	</ul>
             	</div>
             </div>
        </div>
</div> 
 </div>
 </div>

 <div class="">
 <div class="container1200" >
 	<div class="title aos-init aos-animate" data-aos="fade-up" data-aos-delay="50" data-aos-anchor-placement="top-bottom">
		<h3>专职导员</h3>
		<span>金融、跨境电商、产品进出口、乡村旅游、养生度假、仓储物流、高科技术研发推广</span>
	</div>
	<div class="mr_frbox  aos-init aos-animate" data-aos="fade-up" data-aos-delay="50" data-aos-anchor-placement="top-bottom" >
				<img class="mr_frBtnL prev" src="__IMG__/mfrL.png" width="28" height="46" />
				<div class="mr_frUl">
					<div class="tempWrap" style="overflow:hidden; position:relative; width:1250px">
					<ul>
						<li><a href="#">
							<div class="mr_img">
								<img src="__IMG__/1.jpg" class=" an_img2"></div>
							<h4>张三</h4>
							<span>工作指导委员会  主任</span>
							<p>农业部原副部长，国务院第一批特派稽查员，中国农业历史学会理事长</p>
						</a>
						</li>
						<li><a href="#">
							<div class="mr_img">
								<img src="__IMG__/1.jpg" class=" an_img2"></div>
							<h4>张三</h4>
							<span>工作指导委员会  主任</span>
							<p>农业部原副部长，国务院第一批特派稽查员，中国农业历史学会理事长</p>
						</a>
						</li>
						<li><a href="#">
							<div class="mr_img">
								<img src="__IMG__/1.jpg" class=" an_img2"></div>
							<h4>张三</h4>
							<span>工作指导委员会  主任</span>
							<p>农业部原副部长，国务院第一批特派稽查员，中国农业历史学会理事长</p>
						</a>
						</li>
						<li><a href="#">
							<div class="mr_img">
								<img src="__IMG__/1.jpg" class=" an_img2"></div>
							<h4>张三</h4>
							<span>工作指导委员会  主任</span>
							<p>农业部原副部长，国务院第一批特派稽查员，中国农业历史学会理事长</p>
						</a>
						</li>
						<li><a href="#">
							<div class="mr_img">
								<img src="__IMG__/1.jpg" class=" an_img2"></div>
							<h4>张三</h4>
							<span>工作指导委员会  主任</span>
							<p>农业部原副部长，国务院第一批特派稽查员，中国农业历史学会理事长</p>
						</a>
						</li>
					</ul>
					</div>
				</div>
				<img class="mr_frBtnR next" src="__IMG__/mfrR.png" width="28" height="46" />
			</div>
		<script type="text/javascript">
		$(".mr_frbox").slide({
			titCell:"",
			mainCell:".mr_frUl ul",
			autoPage:true,
			effect:"leftLoop",
			autoPlay:true,
			vis:5
		});
		</script>
 </div>
 <div class="hx"></div>
  <div class="container1200"style=" margin-top:00px; width:1360px;">
  	<div class="title aos-init aos-animate" data-aos="fade-up" data-aos-delay="50" data-aos-anchor-placement="top-bottom">
		<h3>指导部门与协作机构</h3>
		<span>金融、跨境电商、产品进出口、乡村旅游、养生度假、仓储物流、高科技术研发推广</span>
	</div>
  <div class='TTSlider' id='TTSlider'>
	<div class='TTSliderTitle'>
		<ul class="aos-init aos-animate" data-aos="fade-up" data-aos-delay="50" data-aos-anchor-placement="top-bottom">
			<li class='cur'><div>指导部门</div></li>
			<li><div>规划单位</div><span class="sx1"></span></li>
			<li><div>投资机构</div><span class="sx1"> </span></li>
			<li><div>建设企业</div><span class="sx1"> </span></li>
		</ul>
	</div>
	<div class='TTSliderPic' class="title aos-init aos-animate" data-aos="fade-up" data-aos-delay="50" data-aos-anchor-placement="top-bottom">
		<div id='TTSliderPrevBtn' class='TTSliderPrevBtn'><a href='javascript:;'></a></div>
		<div id='TTSliderNextBtn' class='TTSliderNextBtn'><a href='javascript:;'></a></div>
		<div class='TTSliderPicList'>
			<ul class='show'>
				<li class='on'><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
			</ul>
			<ul>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>37777元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
			</ul>
			<ul>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>3778元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
			</ul>
			<ul>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>37878元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
				<li><a href="#"><div class="pic"><img src='__IMG__/2.jpg'/></div></a><p>35元</p></li>
			</ul>

		</div>
	</div>
</div>
  </div>


<script type="text/javascript">
window.onload=function()
{
	var oTTSlider=document.getElementById('TTSlider');
	var oTTSliderTitle=getByClass('TTSliderTitle',oTTSlider,'div')[0];
	var aSubNav=oTTSliderTitle.getElementsByTagName('li');
	var oTTSliderPrevBtn=document.getElementById('TTSliderPrevBtn');
	var oTTSliderNextBtn=document.getElementById('TTSliderNextBtn');
	var oTTSliderPicList=getByClass('TTSliderPicList',oTTSlider,'div')[0];
	var aItem=oTTSliderPicList.getElementsByTagName('ul');
	var len=aItem.length;
	var showIndex=aItemImgWidth=iNow=0;
	var aEle=[];

	for(var i=0;i<len;i++)
	{  
		var aItemImgs=aItem[i].getElementsByTagName('li');
		if(!aItemImgWidth)
		{
			aItemImgWidth=aItemImgs[0].offsetWidth;
		}
		aEle.push(aItemImgs);	//存入数组,考虑到有多个轮播,且每个轮播里面的图片个数可能不一致.


		aSubNav[i].index=i;
		aSubNav[i].onmousedown=function()//切换
		{
			var index=showIndex=this.index;  
			for(var j=0;j<len;j++)
			{
				if(j!=index)
				{
						aItem[j].className='';
						aSubNav[j].className='';
				}
			}
			aSubNav[index-1] && (aSubNav[index-1].className='noneBorRight' );
			if(index>0)
			{
				(aSubNav[0].getElementsByTagName('div')[0]);
			}
			else
			{
				aSubNav[0].getElementsByTagName('div')[0];
			}
			
			aSubNav[index].className='cur';
			aItem[index].className='show';
		}
	}


	for(var i=0;i<len;i++)
	{
		var num=aEle[i].length;
		if(aItem[i].className=='show')
		{
			showIndex=i;
		}
		aItem[i].style.width=num*(aItemImgWidth)+'px'
	}

	oTTSliderNextBtn.onclick=function()
	{
		var maxNum=aEle[showIndex].length-1;
		aItem[showIndex].insertBefore(aEle[showIndex][maxNum],aEle[showIndex][0]);
		aItem[showIndex].style.left=-aItemImgWidth+'px';
		doMove(aItem[showIndex],0);
	}

	oTTSliderPrevBtn.onclick=function()
	{
		doMove(aItem[showIndex],-(aItemImgWidth),function(){
			aItem[showIndex].style.left=0;
			aItem[showIndex].appendChild(aEle[showIndex][0])
		});
	}

	function doMove(o,t,fn)
	{
		clearInterval(o.timer);
		o.timer=setInterval(function(){
			var is= (t-getStyle(o,'left'))/8;
			is= is>0?Math.ceil(is):Math.floor(is);
			if(t==o.offsetLeft)
			{
				clearInterval(o.timer);
				(typeof fn==='function') && fn();
			}
			else
			{
				o.style.left=o.offsetLeft+is+'px';
			}

		},30)
	}

	function getStyle(o,a)
	{
		return o.currentStyle ? parseFloat(o.currentStyle[a]) : parseFloat(getComputedStyle(o,false)[a]);
	}

	function getByClass(s,p,e)
	{
		var reg=new RegExp('(\\b)'+s+'(\\b)');
		var aElement=(p||document).getElementsByTagName(e||'*');
		var aResult=[];
		for(var i=0;i<aElement.length;i++)
		{
			reg.test(aElement[i].className) && aResult.push(aElement[i]);
		}
		return aResult;
	}
}
</script>
</div>
<div >

</div>
</block>
